
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta charset="UTF-8">
		<title>商家入驻</title>
		<link rel="shortcut icon" href="images/favicon.ico">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">
	</head>
	<style>
		.title{width:50%; height: 1rem; font-size: 0.3rem; line-height: 1rem; left: 22%; margin: 0 auto; color: #e1b161; text-align: center; padding-left: 0.7rem; padding-top: 0.1rem; margin-top: 0.2rem; margin-bottom: 0.3rem; background-image: url(images/title.png); background-size: 100%; background-repeat: no-repeat;}
		.left{text-align: center;}
		.left img{width:80%; }
		.right{padding-left: 0px; }
		h5{font-size: 0.25rem; color: #e1b161; margin-top: 0.1rem;}
		.txt{border-left: 1px dashed #e1b161; margin-left: 0.47rem; padding-left: 0.5rem;color: #595957; line-height: 0.35rem;}
		.txt img{width:10%;}
		.r1{padding-top: 0.05rem;}
		.txt img{width: 100%;}
	</style>
	<body onload="setRemSize();">
		<!--轮播图-->
		<div class="width_640">
			<div class="container-fluid">
			    <div class="row">
			    		<div class="col-xs-12 title">
				    		如何入驻？
			    		</div>
			    </div>
		    </div>
		    <div class="container-fluid">
			    <div class="row">
			    		<div class="col-xs-2 left no1">
				    		<img src="images/01.png" />
			    		</div>
			    		<div class="col-xs-10 right">
			    			<h5>入驻条件</h5>
			    		</div>
			    </div>
		    </div>
			 <div class="container-fluid" >
			    <div class="row">
			    		<div class="col-xs-11 txt" style="padding-bottom: 0.2rem;">
			    			<p>入驻圈城平台的商家须为具有相关资质的餐饮、休闲娱乐等行业的中高端线下实体店。</p>
			    		</div>
			    </div>
		   </div>
		    <div class="container-fluid">
			    <div class="row">
			    		<div class="col-xs-2 left">
				    		<img src="images/3.png" />
			    		</div>
			    		<div class="col-xs-10 right">
			    			<h5>入驻流程</h5>
			    		</div>
			    </div>
		    </div>
		    <div class="container-fluid">
			    <div class="row">
			    		<div class="col-xs-11 txt" style="line-height: 0.1rem;">
			    			<p>&nbsp;</p>
			    		</div>
			    </div>
		   </div>
		    <div class="container-fluid ">
			    <div class="row">
			    		<div class="col-xs-11 right txt">
			    			<p style="margin-top: 0px;">1、登录圈城平台PC端首页(www.69mark.com)进入商家入驻页面。</p>
			    			<p>2、输入手机号，获取验证码。</p>
			    			<p><img src="images/buzhou2.png" /></p>
			    			<p>3、填写店铺具体信息，并上传相关证件。</p>
			    			<p><img src="images/buzhou3.png" /></p>
			    			<p>4、等待圈城平台审核通过。（7个工作日内）</p>
			    			<p>5、审核通过后，圈城工作人员在7个工作日内到店考察。</p>
			    			<p>6、考察通过后圈城与商家签署合作协议。</p>
			    			<p>7、商家在圈城平台上传、发布信息。</p>
			    		</div>
			    </div>
		    </div>
		    
		</div>

	<script type="text/javascript" src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
	<script>
		
		//1.首次加载的时候，计算rem赋值给根元素里面的font-size。
		setRemSize();
		//2.当用户更改浏览器宽度自动获取屏幕宽度，再计算rem赋值给根元素里面的font-size
		window.addEventListener("resize",setRemSize,false);
		function setRemSize(){
			//获取rem值    rem =100 * (屏幕宽度 / 设计稿宽度) +"px";
			var _clientWidth=100*(document.documentElement.clientWidth / 576) + "px";
			//判断，是否屏幕宽度大于设计稿宽度
			if (document.documentElement.clientWidth >= 576) {
				//如果是，用设计稿的宽度作为rem的值赋给根元素的font-size
				document.documentElement.style.fontSize="100px";
			} else {
				//如果不是，将得到的rem值赋给根元素的font-size
				document.documentElement.style.fontSize=_clientWidth;
			}
		};

		
</script>

 
	</body>
</html>
